.container {
  width: 1400px;
  margin: 0 auto;
  display: flex;
}

.cont-left {
  width: 300px;
  flex-shrink: 0;
  margin-right: 20px;
  .create {
    padding: 17px 30px;
    margin-bottom: 10px;
    background: #1f2025;
    .create-btn /deep/ {
      width: 100%;
      height: 46px;
      background: #cc7029;
      border: none;
      font-size: 18px;
      .el-icon-plus {
        font-weight: 700;
      }
    }
  }
}
.cont-right {
  width: 1080px;
  flex-shrink: 0;
  margin-right: 20px;
  background: #1f2025;
  padding: 20px 30px;
  box-sizing: border-box;
  .cont-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    .search-box /deep/ {
      display: flex;
      .search {
        width: 350px;
        height: 40px;
        box-sizing: border-box;
        border: 1px solid #3d434d;
        padding: 0 10px;
        background: transparent;
        color: #fff;
        &::-webkit-input-placeholder {
          color: #525966;
        }
      }
      .el-icon-search {
        width: 50px;
        height: 40px;
        background: #3d434d;
        font-size: 18px;
        color: #a1a7b3;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
        &:hover {
          background: #cc7029;
          color: #fff;
        }
      }
    }
    .filter-time {
      display: flex;
      align-items: center;
      cursor: pointer;
      &:hover {
        .txt {
          color: #cc7029;
        }
      }
      .txt {
        line-height: 40px;
        font-size: 14px;
        color: #8a8f99;
      }
      .icon-box {
        display: flex;
        flex-direction: column;
        .icon {
          font-size: 12px;
          color: #8a8f99;
          height: 8px;
          line-height: 8px;
          &.active {
            color: #cc7029;
          }
        }
      }
    }
  }
  .pagination {
    padding-top: 10px;
    text-align: center;
  }
}